<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        #txt {
            width: 100px;
            background-color: black;
            color: red;
            font-size: 90px;
        }
    </style>
</head>
<body>
<span id="txt">热烈欢迎各位领导专家莅临我校检查指导工作！    </span>
<script type="text/javascript">
    function show() {
        //1.去html中找到某个标签并获取它的内容（dom）
        var tag = document.getElementById("txt")
        var dataString = tag.innerText;
        // console.log(dataString)

        //2.动态起来，把文本中的第一个字符串防砸字符串的后面
        var fistchar = dataString[0];
        var otherstring = dataString.substring(1, dataString.length);
        var newtext = otherstring + fistchar;

        // console.log(newtext);
        //3.在html标签中更新内容
        tag.innerText = newtext;



    }

    //JS的定时器，例如：每1s中执行一次show函数
    setInterval(show, 1000)


</script>
</body>
</html>